import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/Home.vue'
import EveryDayListening from "../views/EveryDayListening";
import Musicer from "../views/Musicer";
import MyMusic from "../views/MyMusic";
import SearchMusic from "../views/SearchMusic";
import MyFriends from "../views/MyFriends";
import SearchResult from "../views/SearchResult";
import EveryDayViewing from "../views/EveryDayViewing";
import ListeningFriend from "../views/ListeningFriend";
Vue.use(VueRouter)

const routes = [
  {
    path:'/',
    name:'MyMusic',
    component:MyMusic
  },
  {
    path:'/EveryDayListening',
    name:'EveryDayListening',
    component:EveryDayListening
  },
  {
    path:'/Musicer',
    name:'Musicer',
    component:Musicer
  },
  {
    path:'/SearchMusic',
    name:'SearchMusic',
    component:SearchMusic
  },
  {
    path:'/MyFriends',
    name:'MyFriends',
    component:MyFriends
  },
  {
    path:'/SearchResult',
    name:'SearchResult',
    component:SearchResult
  },
  {
    path:'/EveryDayViewing',
    name:'EveryDayViewing',
    component:EveryDayViewing
  },
  {
    path:'/ListeningFriend',
    name:'ListeningFriend',
    component:ListeningFriend
  },
  {
    path: '/about',
    name: 'about',
    component: () => import(/* webpackChunkName: "about" */ '../views/About.vue')
  }
]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default router
